<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jq/jquery1.9/jquery-1.9.0.js"></script>
    <script>

        // $("选择器")获取页面元素的jQuery对象
        // $("完整的html标签的形式")创建元素的jQuery对象
        function doAdd(){
            // $("<tr><td>td01</td><td>td02</td><td>td03</td><td>td04</td><td>td05</td><td><input type='button' value='删除'></td></tr>").appendTo($("tbody"));

            var tr=$("<tr></tr>");//新创建的tr

            for(var i=1;i<=6;i++){//循环创建的td
                if(i==6){//最后一列
                    var td=$("<td><input type='button' value='删除' onclick='doRemove(this)'></td>");
                }else{
                    var td=$("<td>td"+i+"</td>");
                }
                
                td.appendTo(tr);
            }
            tr.appendTo($("tbody"))
        }
        function doDelete(){
            $("tbody tr:last").remove();
        }
        function doRemove(obj){
            // obj.parentNode.parentNode.remove();
            $(obj).parent().parent().remove();
            // console.log( $(obj).parents()[1]);

        }
        function doReplace(){
            $("tbody tr:eq(2)").replaceWith("<tr><td colspan='5'>我是一个替换的行</td><td><input type='button' value='删除' onclick='doRemove(this)'></td></tr>");
        }
        function doClone(){
            $("tbody tr:eq(2)").clone(true).appendTo($("tbody"));
        }
    </script>
</head>
<body>
    <input type="button" value="添加一行" onclick="doAdd()">
    <input type="button" value="删除一行" onclick="doDelete()">
    <input type="button" value="替换第三行" onclick="doReplace()">
    <input type="button" value="克隆第三行" onclick="doClone()">
    <table border="1" cellspacing="0" width="500">
        <thead>
            <tr>
                <th>th01</th>
                <th>th02</th>
                <th>th03</th>
                <th>th04</th>
                <th>th05</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody align="center"></tbody>
    </table>
</body>
</html>